<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
  <link rel="stylesheet" th:href="@{/css/layuimini.css?v=2.0.4.2}" media="all">
  <link rel="stylesheet" th:href="@{/css/themes/default.css}" media="all">
  <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    body{
      overflow: hidden;
    }
    .parts{
      position: absolute;
      top:200px;
      left: 15%;
      width: 400px;
      height: 400px;

      background-color: #00a2d4;
    }
    .peripheral{
      position: absolute;
      top:200px;
      right: 15%;
      width: 400px;
      height: 400px;

      background-color: #00a2d4;
    }
  </style>
</head>
<body>
<div class="parts"></div>
<div class="peripheral"></div>

<script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" charset="utf-8"></script>
<script th:src="@{/layui/layui.js}" charset="utf-8"></script>
<script th:inline="javascript">

</script>
</body>
</html>